<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=640,user-scalable=no" />
		<script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
		<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
		<script type="text/javascript" src="plugin/laytpl/laytpl.js" ></script>
		<script type="text/javascript" src="js/public.js" ></script>
		<script type="text/javascript" src="js/chart8.js" ></script>
		<style>
			table{width: 80%; margin: 0 auto;}
			table ,th, td{text-align: center; border: 1px solid black;}
			th{font-size: 26px;}
			td{font-size: 20px;}
			p{text-align: center; font-size: 25px;}
			input{width: 40%; display: block; height: 40px; box-sizing: border-box; margin: 20px auto; font-size: 20px; text-align: center;}
		</style>
		<title></title>
	</head>
	<body>
		<p><span id="b0"></span>货物邮件数、人数旅客、起降架次</p>
		<table>
			<tr>
				<th>货物邮件数</th><td><span id="a0">3969634</span>万吨</td>
			</tr>
			<tr>
				<th>人数旅客</th><td><span id="a1">156414</span>万人次</td>
			</tr>
			<tr>
				<th>起降架次</th><td><span id="a2">1153</span>万架次</td>
			</tr>
		</table>
		<input type="date" />
		<!--<p>货物邮件数：<span>10000</span>万吨</p>
		<p>人数旅客：<span>10000</span>万人次</p>
		<p>起降架次：<span>10000</span>万架次</p>-->
		<script>
			$(function(){
				$("#b0").html(getToday());
				$("input").val(getToday());
				$("input").change(function(){
					$("#a0").html((Math.random()*10000000).toFixed(0));
					$("#a1").html((Math.random()*100000).toFixed(0));
					$("#a2").html((Math.random()*1000).toFixed(0));
					$("#b0").html($(this).val());
				})
			})
		</script>
	</body>
</html>